<body data-spy="scroll" data-target=".bs-docs-sidebar" id="member">
<?php 
  $menu = $this->menu_model->menu('2');
  $menuChild = $this->menu_model->menuChild('9','3');
?>
    <!-- Navbar
    ================================================== -->
    <div class="top-member">
        <div class="wrapper">
          <a class="logo" href="<?php echo site_url('khao-sat-truc-tuyen');?>"><img src="<?php echo base_url();?>media/logo-top.png" alt="Khảo sát việt - khảo sát trực tuyến"></a>
          
          <div class="top-left">
            <ul class="unstyled inline menuNav">
              <?php
              foreach ($menu as $key => $val) {
              ?>
                <li><a href="<?php echo site_url($val['menuLink']);?>"><?php echo $val['menuName'];?></a></li>
              <?php
              }
              ?>
            </ul>
          </div>
          <div class="top-right">
              <ul class="unstyled inline userNav">
                <li><a href="#about">Nâng cấp tài khoản</a></li>
                <li class="dropdown">
                  <a href="#" class="dropdown-toggle" role="menu" data-toggle="dropdown">
                    <img class=" imguser" src="<?php echo base_url().'media/user/user32x32.png';?>" alt= "<?php echo $this->session->userdata['UserName'];?>">
                    <?php echo $this->session->userdata['UserName'];?>
                    <b class="caret"></b>
                  </a>
                  <ul class="dropdown-menu" role="menu" aria-labelledby="dLabel">
                    <?php
                    foreach ($menuChild as $key => $value) {
                    ?>
                      <li><a href="<?php echo site_url($value['menuLink']);?>"><?php echo $value['menuName'];?></a></li>
                    <?php
                    }
                    ?>
                    <li><a href="<?php echo site_url().'/public/user/logout';?>">Thoát</a></li>
                  </ul>
                </li>
              </ul>
            </div>
            <a title="" class="iUser"></a>
            <a title="" class="iMenu"></a>
            
        </div> 
  </div>
   <!-- MenuTop when screen resolution < 781px -->
    <div class="menuTop-res">
      nội dung menuTop
    </div>

    <!-- MenuTop when screen resolution < 781px -->
    <div class="userTop-res">
      Nội dung user
    </div>


      <div id="drag-control" class="width">
      <div class="control-icon tooltip-demo">
        <ul class="unstyled">
          <li id="radio"><a href="#" data-toggle="tooltip" data-placement="right" title="Kéo và thả câu hỏi nhiều lựa chọn"><img class="draggable" src="<?php echo base_url().'media/control/radio.png';?>" alt="radio button"></a>
          </li>
          <li id="checkbox"><a href="#" data-toggle="tooltip" data-placement="right" title="Kéo và thả câu hỏi checkbox"><img class="draggable" src="<?php echo base_url().'media/control/checkbox.png';?>" alt="checkbox"></a>
          </li>
          <li id = "textbox"><a href="#" data-toggle="tooltip" data-placement="right" title="Kéo và thả câu hỏi văn bản đơn"><img class="draggable" src="<?php echo base_url().'media/control/textbox.png';?>" alt="textbox"></a>
          </li>
          <li id="textarea"><a href="#" data-toggle="tooltip" data-placement="right" title="Kéo và thả câu hỏi văn bản nhiều dòng"><img class="draggable" src="<?php echo base_url().'media/control/textarea.png';?>" alt="textarea"></a>
          </li>
          <li id="dropdown"><a href="#" data-toggle="tooltip" data-placement="right" title="Kéo và thả câu hỏi lựa chọn theo danh sách cho trước"><img class="draggable" src="<?php echo base_url().'media/control/dropdownlist.png';?>" alt="dropdownlist"></a>
          </li>
        
          <li id="multitextbox"><a href="#" data-toggle="tooltip" data-placement="right" title="Kéo và thả câu hỏi nhiều văn bản đơn"><img class="draggable"  src="<?php echo base_url().'media/control/group-text.png';?>" alt="dropdownlist"></a>
          </li>
          <li id="upload"><a href="#"><img class="draggable"  src="<?php echo base_url().'media/control/attach.png';?>" alt="dropdownlist"></a>
          </li>
          <li id="ranking"><a href="#"><img class="draggable"  src="<?php echo base_url().'media/control/ranking.png';?>" alt="dropdownlist"></a>
          </li>
          <li id="table"><a href="#"><img class="draggable"  src="<?php echo base_url().'media/control/table.png';?>" alt="dropdownlist"></a>
          </li>
        </ul>
      </div>
      <div class="label-icon">
        <div class="adv-l">
         <img alt="Khảo sát việt - khảo sát trực tuyến" src="http://localhost/hieu/media/ksv-logo2.png">
        </div>
         <ul>
          <li>Câu hỏi lựa chọn</li>
          <li>Câu hỏi checkbox</li>
          <li>Câu hỏi văn bản đơn</li>
          <li>Câu hỏi văn bản đơn</li>
          <li>Câu hỏi văn bản đơn</li>
          <li>Câu hỏi văn bản đơn</li>
          <li>Câu hỏi văn bản đơn</li>
          <li>Câu hỏi văn bản đơn</li>
         </ul>
      </div>

    </div>
  </div>
  
        
    <!--==Content question=============
    ===================================-->
  <div id="content">
    <div id="MyWizard" class="wizard">
      <ul class="steps">
        <li><a href="<?php echo site_url('tao-khao-sat');?>"><i class="icon-cog"></i> Tạo khảo sát</a><span class="chevron"></span></li>
        <li><a href="<?php echo site_url('tao-cau-hoi-khao-sat');?>"><i class="icon-check"></i> Tạo câu hỏi</a><span class="chevron"></span></li>
        <li><a href="<?php echo site_url('xem-truoc-khao-sat');?>"><i class="icon-search"></i> Xem trước & Cảm nhận</a><span class="chevron"></span></li>
        <li><a href="<?php echo site_url('kham-pha-du-lieu');?>"><i class="icon-globe"></i> Khám phá dữ liệu</a><span class="chevron"></span></li>
        <li><a href="<?php echo site_url('chia-se');?>"><i class="icon-share"></i> Chia sẻ</a><span class="chevron"></span></li>
        <li><a href="<?php echo site_url('bao-cao');?>"><i class="icon-signal"></i> Báo cáo</a><span class="chevron"></span></li>
      </ul>
    </div>
  <script>
  /* Toggle when click iMenu */
    $('.iMenu').click(function(){
      $('.menuTop-res').slideToggle("slow");
    });
    $(document.body).mousedown(function(event) {
      var target = $(event.target);
      if (!target.parents().andSelf().is('.iMenu')) { // Clicked outside
        $('.menuTop-res').hide('slide', {direction: 'up'}, 500);
      }
    });

  /* Toggle when click iUser */
    $('.iUser').click(function(){
      $('.userTop-res').slideToggle( "slow" );
    })
    $(document.body).mousedown(function(event) {
      var target = $(event.target);
      if (!target.parents().andSelf().is('.iUser')) { // Clicked outside
        $('.userTop-res').hide('slide', {direction: 'up'}, 500);
      }
    });
  </script>
  <!--<div id="menu-survey">
    <ul class="nav nav-list inline navbar-fixed-top" style="margin-top:40px;">
      <li><a href="<?php echo site_url('tao-khao-sat');?>"><i class="icon-cog"></i> Tạo khảo sát</a></li>
      <li><a href="<?php echo site_url('tao-cau-hoi-khao-sat');?>"><i class="icon-check"></i> Tạo câu hỏi</a></li>
      <li><a href="<?php echo site_url('xem-truoc-khao-sat');?>"><i class="icon-search"></i> Xem trước & Cảm nhận</a></li>
      <li><a href="<?php echo site_url('kham-pha-du-lieu');?>"><i class="icon-globe"></i> Khám phá dữ liệu</a></li>
      <li><a href="<?php echo site_url('chia-se');?>"><i class="icon-share"></i> Chia sẻ</a></li>
      <li><a href="<?php echo site_url('bao-cao');?>"><i class="icon-signal"></i> Báo cáo</a></li>
    </ul>
  </div>-->


    